$(function() {
    var categoryId = getQueryString("categoryid") || 0;
    //获取地址栏的pageid
    var pageid = getQueryString("pageid") || 1;
    getCategory(categoryId);
    //获取到第几页的数据
    setProdcutList(categoryId, pageid);

    //获取商品分类名称
    function getCategory(categoryId) {
        $.ajax({
            url: url + "api/getcategorybyid?categoryid=" + categoryId,
            success: function(data) {
                console.log(data.result[0].category);
                $('.breadcrumb > li:last-child').html(data.result[0].category);
            }
        });
    }


    //获取商品列表
    function setProdcutList(categoryId, pageid) {
        $.ajax({
            url: url + "api/getproductlist",
            data: {
                "categoryid": categoryId,
                "pageid": pageid || 1
            },
            success: function(data) {
                console.log(data);
                //页码数 用总条数 /  每页大小
                var page = data.totalCount / data.pagesize;
                // console.log(page);
                var pageli = "";
                for (var i = 0; i < page; i++) {
                    var url = "productlist.html?categoryid=" + categoryId + "&pageid=" + (i + 1);
                    pageli += "<li><a href=" + url + ">第" + (i + 1) + "/" + (page) + "页</a></li>";
                }
                $('#dLabel').html("第" + pageid + "页" + '<span class="caret"></span>');
                //对当前页面进行判断
                if (pageid <= 1) {
                    pageid = 2;
                } else if (pageid >= page) {
                    pageid = page - 1;
                }
                var prevUrl = "productlist.html?categoryid=" + categoryId + "&pageid=" + (pageid - 1);
                var nextUrl = "productlist.html?categoryid=" + categoryId + "&pageid=" + (parseInt(pageid) + 1);
                $('.page-prev').attr("href", prevUrl);
                $('.page-next').attr("href", nextUrl);
                // $('#dLabel').append('<span class="caret"></span>');
                $('.dropdown-menu').html(pageli);
                var html = template("productListTmp", data);
                $('.product-list').html(html);
            }
        })
    }
    //是用来获取url中的参数
    function getQueryString(name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }
});